<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    viewBox="0 0 100 100"
    preserveAspectRatio="xMidYMid"
  >
    <g transform="translate(27.833333333333336,27.833333333333336)">
      <rect x="-16.5" y="-16.5" width="33" height="33" fill="#3be8b0">
        <animateTransform
          attributeName="transform"
          type="scale"
          repeatCount="indefinite"
          dur="1s"
          keyTimes="0;1"
          values="1.2100000000000002;1"
          begin="-0.3s"
        />
      </rect>
    </g>
    <g transform="translate(72.16666666666667,27.833333333333336)">
      <rect x="-16.5" y="-16.5" width="33" height="33" fill="#1aafd0">
        <animateTransform
          attributeName="transform"
          type="scale"
          repeatCount="indefinite"
          dur="1s"
          keyTimes="0;1"
          values="1.2100000000000002;1"
          begin="-0.2s"
        />
      </rect>
    </g>
    <g transform="translate(27.833333333333336,72.16666666666667)">
      <rect x="-16.5" y="-16.5" width="33" height="33" fill="#6a67ce">
        <animateTransform
          attributeName="transform"
          type="scale"
          repeatCount="indefinite"
          dur="1s"
          keyTimes="0;1"
          values="1.2100000000000002;1"
          begin="0s"
        />
      </rect>
    </g>
    <g transform="translate(72.16666666666667,72.16666666666667)">
      <rect x="-16.5" y="-16.5" width="33" height="33" fill="#ffb900">
        <animateTransform
          attributeName="transform"
          type="scale"
          repeatCount="indefinite"
          dur="1s"
          keyTimes="0;1"
          values="1.2100000000000002;1"
          begin="-0.1s"
        />
      </rect>
    </g>
  </svg>
</template>

<script>
export default {
  name: "loading04"
}
</script>
